<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>TODO supplyasdsad a title</title>
        <link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="uploadify/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="uploadify/swfobject.js"></script>
        <script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#file_upload').uploadify({
                    'uploader'  : 'uploadify/uploadify.swf',
                    'script'    : 'uploadify/uploadify.php',                    
                    'folder'    : '/uploads',
                    'auto'      : true,
                    'multi'      : true,
                    'removeCompleted': false,
                    'queueID'        : 'custom-queue',
                    'queueSizeLimit' : 3,
                    'simUploadLimit' : 3,
                    'onSelectOnce'   : function(event,data) {
                        $('#status-message').text(data.filesSelected + ' files have been added to the queue.');
                    },
                    'onAllComplete'  : function(event,data) {
                        $('#status-message').text(data.filesUploaded + ' files uploaded, ' + data.errors + ' errors.');
                    }
                });
            });
        </script>

    </head>
    <body>
        <style>
            .uploadifyQueueItem {
                background-color: #FFFFFF;
                border: none;
                border-bottom: 1px solid #E5E5E5;
                font: 11px Verdana, Geneva, sans-serif;
                height: 50px;
                margin-top: 0;
                padding: 10px;
                width: 350px;
            }

            .uploadifyQueueItem .cancel {
                float: right;                
            }
        </style>

        <div id="status-message">Select some files to upload:</div>


        <input id="file_upload" name="file_upload" type="file" />

        <div id ="custom-queue">
        </div>

    </body>
</html>
